.banner{height: 320px;background-color: #fdb3d4;text-align: center;}
.banner .container{height: 320px;}
.banner .status{line-height: 60px;display: inline-block;color: #fff;margin-top: 40px;}
.banner .status .face{border-radius: 100%;}
.banner .status .name{font-size: 22px;margin-left: 10px;width: 200px;text-align: left;cursor: pointer;}
.banner .status .name:hover ul{display: block;}
.banner .status .name img{width: 20px;height: 20px;vertical-align: middle;margin-left: 5px;}
.banner .status .name ul{position: absolute;right: 0;top: 42px;background-color: #fff;border-radius: 4px;display: none;}
.banner .status .name ul li{cursor: default;height: 40px;line-height: 40px;color: #999;font-size: 12px;width: 125px;text-align: left;border-bottom: 1px solid #eee;}
.banner .status .name ul li:hover{background-color: #efefef;}
.banner .status .name ul li img{width: 16px;height: 16px;margin-right: 5px;}
.banner .status .status-s{margin-left: 20px;}
.banner .status .status-s img{width: 20px;height: 20px;vertical-align: middle;margin-left: 5px;margin-right: 5px;}
.banner .status .gift{background-color: #f293bb;height: 45px;line-height: 45px;border-radius: 15px;
    width: 135px;text-align: center;margin-top: 7px;margin-left: 50px;}
.banner .status .gift img{width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;}
.banner-word{position: absolute;left: 0;bottom: 0;line-height: 100px;font-size: 50px;color: #fff;}
.banner-word span{font-size: 16px;vertical-align: middle;margin-left: 15px;}
.banner-nav{position: absolute;right: 0;bottom: 0;}
.banner-nav ul{}
.banner-nav a{width: 90px;height: 120px;text-align: center;border-top-left-radius: 90px;border-top-right-radius: 90px;
    margin-left: 20px;position: absolute;bottom: 0;transition: all .4s ease;}
.banner-nav a:hover{height: 150px;}
.banner-nav a img{width: 30px;margin-top: 30px;}
.banner-nav a p{color: #fff;font-size: 16px;margin-top: 10px;}
.banner-nav .banner-nav-one{background-color: #fd5f5e;right: 360px;}
.banner-nav .banner-nav-two{background-color: #33d197;right: 240px;}
.banner-nav .banner-nav-three{background-color: #ffab36;right: 120px;}
.banner-nav .banner-nav-four{background-color: #26c8ef;right: 0;}
.banner-nav .banner-nav-active{height: 150px;}

.common-title{text-align: center;padding: 25px;}
.common-title p{width: 290px;border-bottom: 1px solid #d7d7d7;margin: 0 auto;height: 20px;}
.common-title p b{color: #f884b3;font-size: 30px;background-color: #fff;display: inline-block;width: 200px;}
.common-title span{color: #777;margin-top: 30px;display: block;}

.section{}
.section ul{overflow: hidden;margin-left: -30px;}
.section ul li{width: 216px;padding-left: 30px;float: left;margin-bottom: 40px;}
.section ul li .img img{display: block;}
.section ul li .des{line-height: 20px;height: 40px;overflow: hidden;font-size: 14px;color: #666;margin: 10px 0;}
.section ul li .price span{color: #d94b87;font-size: 16px;display: inline-block;width: 100px;}
.section ul li .price s{font-size: 14px;vertical-align: text-bottom;color: #999;}
.section ul li .buy-btn{height: 45px;line-height: 45px;border: 1px solid #d94b87;border-radius: 4px;margin-top: 15px;
    transition: all .2s ease;color: #d94b87;}
.section ul li .buy-btn img{width: 24px;height: 24px;float: left;margin-top: 10px;margin-left: 30px;}
.section ul li .buy-btn .buy-img2{display: none;}
.section ul li .buy-btn span{float: right;font-size: 16px;margin-right: 30px;}
.section ul li .buy-btn:hover{background-color: #d94b87;cursor: pointer;color: #fff;}
.section ul li .buy-btn:hover .buy-img1{display: none;}
.section ul li .buy-btn:hover .buy-img2{display: block;}